<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
*{
	box-sizing:border-box;
	}
body,h1{
	margin:0;
    }
p{
	padding:0;
	margin:0;
	}
header{
	background-color:#c8c8c8;
	position:relative;
	padding-left:132px;
	}
.gh{
	position:absolute;
	left:62px;
	top:16px;
	}
.p1{
	height:80px;
	line-height:80px;
	font-size:30px;
	}
.sx{width:48px;
	height:48px;
	position:absolute;
	top:16px;
	right:116px;
	border:none;
	padding:0;
	}
.gb{
	width:50px;
	height:50px;
	position:absolute;
	right:16px;
	top:16px;
	border:none;
	padding:0;
	}
h1{
	font-size:36px;
	height:114px;
	line-height:114px;
	text-align:center;
	background-color:#f0f0f0;
	}
section{
	background-color:#c7f2f0;
	font-size:22px;
	padding:0 0 22px 132px;
	}
span{
	display:inline-block;
	width:500px;
	margin-left:150px;
	margin-bottom:30px;
	}
.jb,.zz{
	display:block;
	height:100px;
	line-height:100px;
	font-size:30px;
	margin:0;
	}
footer{
	height:114px;
	background-color:#f0f0f0;
	position:relative;
	}
.btn1,.btn2,.btn3{width:90px;
	height:50px;
	background-color:#c7f2f0;
	color:#000;
	font-size:24px;
	position:absolute;
	top:24px;
	border:none;
	}
.btn1{
	left:404px;
	}
.btn2{
	left:624px
	}
.btn3{right:404px;}
</style>
</head>
<body>
<div class="container-fluid" >
    <header>
    	<img src="img/国徽.png" class="gh"/>
        <p class="p1">修改公民信息</p>
        <button class="sx"><img src="img/按钮min.jpg" width="50" height="50"/></button>
        <button  class="gb"><img src="img/关闭.jpg" width="50" height="50"/></button>
    </header>
    <h1>公民信息修改</h1>
    <section>
    	<form>
        	<span class="jb">基本信息</span>
            <span>姓名:
            	<input type="text"/>
            </span>
            <span>修改日期：2014-08-09</span>
            <span>身份证号：
            	<input type="text"/>
            </span>
            <span>本地地址：
                <select>
                    <option>陕西</option>
                    <option>广东</option>
                    <option>河北</option>
                    <option>浙江</option>
                </select>省
                <select>
                	<option>西安</option>
                    <option>深圳</option>
                    <option>北京</option>
                    <option>杭州</option>
                </select>市
                <select>
                	<option>临潼</option>
                    <option>盐田</option>
                    <option>户县</option>
                    <option>周至</option>
                </select>区
                <select>
                	<option>斜口街道</option>
                </select>
            </span>
            <span>详细地址：
            	<input type="text"/>
            </span>
            <span>户籍类型：
            	<input type="text"/>
            </span>
            <span>曾用名：
            	<input type="text"/>
            </span>
            <span>身高：
            	<input type="text"/>CM
            </span>
            <span>与户主关系：
            	<input type="text"/>
            </span>
            <span>性别：
                <select>
                    <option>男</option>
                    <option>女</option>
                </select>
            </span>
            <span>血型：
            	<select>
                	<option>O</option>
                    <option>AB</option>
                    <option>A</option>
                    <option>B</option>
                </select>
            </span>
           <span>出生地址：
                <select>
                    <option> </option>
                    <option>广东</option>
                    <option>河北</option>
                    <option>浙江</option>
                </select>省
                <select>
                	<option> </option>
                    <option>深圳</option>
                    <option>北京</option>
                    <option>杭州</option>
                </select>市
                <select>
                	<option> </option>
                    <option>盐田</option>
                    <option>户县</option>
                    <option>周至</option>
                </select>区
                <select>
                	<option> </option>
                    <option> </option>
                </select>
            </span>
            <span>详细地址：
            	<input type="text"/>
            </span>
            <span>民族：
            	<input type="text"/>
            </span>
            
            <span>籍贯：
                <select>
                    <option> </option>
                    <option>广东</option>
                    <option>河北</option>
                    <option>浙江</option>
                </select>省
                <select>
                	<option> </option>
                    <option>深圳</option>
                    <option>北京</option>
                    <option>杭州</option>
                </select>市
                <select>
                	<option> </option>
                    <option>盐田</option>
                    <option>户县</option>
                    <option>周至</option>
                </select>区
            </span>
            <span>出生日期：
                <select>
                    <option> </option>
                    <option>1995</option>
                    <option>1994</option>
                    <option>1993</option>
                </select>
                年
                <select>
                	<option> </option>
                    <option>11</option>
                    <option>10</option>
                    <option>9</option>
                </select>
                月
                <select>
                	<option> </option>
                    <option>2</option>
                    <option>3</option>
                    <option>4</option>
                </select>
                日
            </span>
            <span>文化程度：
            	<input type="text"/>
            </span>
            <span>婚姻状况：
            	<input type="radio" name="sex" />已婚
                <input type="radio" name="sex" />未婚
            </span>
            <span>兵役状况：
            	<input type="text"/>（非必填）
            </span>
            <span>职业：
            	<input type="text"/>
            </span>
            <span>宗教信仰：
            	<input type="text"/>（非必填）
            </span><br />
            <span>其他地址：
                <select>
                    <option> </option>
                    <option>广东</option>
                    <option>河北</option>
                    <option>浙江</option>
                </select>省
                <select>
                	<option> </option>
                    <option>深圳</option>
                    <option>北京</option>
                    <option>杭州</option>
                </select>市
                <select>
                	<option> </option>
                    <option>盐田</option>
                    <option>户县</option>
                    <option>周至</option>
                </select>区
                <select>
                	<option>   </option>
                    <option> </option>
                </select><br />（非必填）
            </span>
            <span>详细地址：
            	<input type="text"/>
            </span>
         </form>
    </section>
    <footer>
    	<button class="btn1">确定</button>
        <button class="btn2">注销</button>
        <button class="btn3">打印</button>
    </footer>
</div>
</body>
</html>
